/*
	project: internet encyclopedia
	author: luka cvrk (www.solucija.com)
*/
/*#tabContaier{
	background:#a0afbd;
	border:1px solid #7b9bbb;
	margin:20px auto;
	padding:20px;
	position:relative;
	width:500px;}*/
.fork {
  border:0;
  position:absolute;
  top:0;
  right:0;
}
.contentwrap{
	/*width: 1024px;*/
	width: 950px;
	margin: 0px auto;
}
#tabContaier{ 
	color: #33617F; 
	float: right; 
	background: #EDF7FD; 
	width: 329px; 
	height: 100px; 
	margin: 25px 0 25px; 
	font-size: 1.1em; 
	font-style: italic; 
	padding: 0px 0px 0px; 
}

	
#tabContaier ul{
	overflow:hidden;
	border-right:1px solid #fff;
	height:35px;
	position:absolute;
	z-index:100;
}
	
#tabContaier li{
	float:left;
	list-style:none;	
}

#tabContaier li a{
	 color: #33617F; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: #C6E5F9 url(../images/bullet.gif) no-repeat 7px 12px; font-size: .8em; font-weight: bold; }
	
#tabContaier li a:hover{
	background:#ccc;}
	
#tabContaier li a.active{
	background:#EDF7FD;
	border:0px solid #fff;
	border-right:0;
	color:#333;}

/*#tabContaier img { float: left; margin: 0 20px 0 0; }
#tabContaier p { margin: 10px 0 0; }*/
:link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 
/*h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input 
{ 
	margin:0; padding:0 
}*/
.well6 ul,ol{
	margin:0; padding:0 ; /*display: inline;*/
}
.well6 .ui-state-default ul,ol,li{
	/*display: block;*/
}

a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }

.tabDetails{
	background:#EDF7FD;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	margin:34px 0 0;}
	
.tabContents{
	/*padding:20px*/
}
	
.tabContents h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:18px;
	padding:0 0 10px;}

.tabContents p{
	padding:0 0 10px;
	text-align:justify;}



body { font: .8em "Arial", Verdana, Helvetica, sans-serif; color: #666;} 

a { color: #666699; cursor: pointer; font-size: 12px; font-weight: bold;}
a:hover { color: #7D1919; }
h1 { font-size: 1.9em; font-weight: normal; clear: both; margin: 0 0 5px; }
h2 { font: normal 1.6em Arial; color: #3D3C3B; margin: 0 0 15px; }
p  { margin: 0 0 15px; line-height: 1.7em; }
.clear { clear: both; }
.wrap { margin: 0 auto;}
.background { /*background: url(../images/bg.jpg) no-repeat left 317px; */} 


#header {position: relative; top: 0px; height: 50px; padding-left: 0px;}
#logo { float: left; margin-top: 15px; margin-left: 10px; }
#logo1 { float: left; margin-top: 15px; margin-left: 10px; float: right;}
#logo a { color: #F89406; font-size: 20px; font-weight: bold; vertical-align: middle;}
#logo1 a { color: #F89406; font-size: 20px; font-weight: bold; vertical-align: middle;}
h2#slogan { font-size: 14px; color: #808080; font-weight: bold; }
/*
#feature{ color: #33617F; float: right; background: #fff; width: 580px; height: 160px; margin: 0 0 25px; font-size: 1.1em; font-style: italic; padding: 10px 10px 2px; }
#feature img { float: left; margin: 0 20px 0 0; }
#feature p { margin: 10px 0 0; }*/
.more { font-size: .74em; font-weight: bold; margin: 0 5px 0 0; color: #390505; font-style: normal; }

/*#feature_menu { float: right; margin-top: 0px; }
#feature_menu li { display: inline; }
#feature_menu li a { color: #33617F; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: #C6E5F9 url(../images/bullet.gif) no-repeat 7px 12px; font-size: .8em; font-weight: bold; }
#feature_menu li a:hover { color: #071F2D; background: #fff url(../images/bullet_hover.gif) no-repeat 7px 8px; }
#feature_menu li a.current { background: #fff url(../images/bullet.gif) no-repeat 5px 12px; }
*/
	
/*#feature, #feature_menu li a  { opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
*/
#search  { float: right; margin: 0 38px 15px 0; width: 215px; font: .8em "Trebuchet MS", Arial, Sans-Serif; }
input.field { float: left; background: #808080; color: #ccc; padding: 4px; border: 0; margin-right: 5px; width: 175px; }
input.field:focus { color: #fff; }
input.button { float: right; background: #595959 url(../images/search.gif) no-repeat 6px 5px; width: 25px; height: 21px; border: 0; cursor: pointer; }

#left { float: left; width: 300px; margin: 0 0 10px; text-align: justify; }
#left h1, #left h2 { color: #52A9BA; }
#left h1 a, #left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
#left .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; } 
.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
.date span { font-size: 1.6em; }
	
#side { float: left; width: 390px; height:auto;margin: 5px 0 5px 5px; font-size: .9em;}

#sidecontentwraper {
	width: 600px; 
	margin: 5px 0px 5px 5px; 
	font-size: .9em; 	
	/*border: 2px solid #363636;*/
	/*float: left;*/
	clear: left;
}
#sidecontent {
	width: 596px; 	
	font-size: 12px; 	
	border: 2px solid #363636;
	padding: 5px 0px 5px 10px;
	border-bottom-left-radius:10px;	
	border-bottom-right-radius:10px;
}
#sidecontentheader {
	padding:5px 0px 0px 10px; 
	background: #363636;	
	border-top-left-radius:10px;	
	border-top-right-radius:10px;
	width: 600px;
	height: 20px;	
	color: #CCCCCC;
	font-size: 14px;
	font-weight: bold;	
}
#sidecontentheader a{
	color: #CCCCCC;
}
#sidecontentheader a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}

.boxtop { 
	padding:0px 0px 0px 10px; 	
	background: #363636;	
	border-top-left-radius:5px;	
	border-top-right-radius:5px;
	width: 240px;
	height: 20px;	
	color: #CCCCCC;
	font-size: 14px;
	font-weight: bold;	
}
.box { padding: 0px 6px 6px 6px; background: #363636; border-radius:10px; }

.item { font-size: 12px; display: block; color: #ccc; background: #363636 url(../images/item.gif) no-repeat; height: 25px; padding: 4px 10px 10px 0px; margin: 0 0 5px;border-radius:5px;}
.item:hover { background: #fff url(../images/item.gif) no-repeat bottom; color: #fff; }
.first{}
.item strong { color: #FFFAD3; line-height: 27px; }
.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 16px; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
.sidedate span { font-size: 16px; font-weight: bold; color: #808080; }

#ad { background: url(../images/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em;  }
#promo { clear: both; border-top: 3px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc; padding: 15px 0 0 0; }
#promo h2 { color: #fff; }
#promo a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
.col { float: left; width: 280px; margin: 0 30px 20px 0; }
.last { margin: 0; }
#footer { clear: both; padding: 5px 0 15px 0px; font-size: .84em; color: #808080; border-top: 1px dotted #666; }
.wrapfooter { margin: 0 auto; width: 900px; text-align: center;}

/* CSS3 Animation example
--- */
.box h3 + .abc{
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block!important;
  margin: 0px;
}
.box h3.open + .abc {
  height: auto;
  background: #363636;
}
.box h3.open{
  height: auto;
  background: #363636;
  /*border-top: 1px solid #c8e6f8;*/
}
h3 a {
  background: url("sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #CCCCCC;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  /*text-shadow: 1px 1px 1px rgb(128,10,85);*/
}
h3 a:hover{color: #F89A1C;background-position: 13px -25px;}
h3.open a { background-position: 13px -25px;}
h3.open  { background: rgb(255,70,120); }
h3.open a {color: #F89A1C;background-position: 13px -25px;}
h3 + div { padding: 10px; }

.padmenu {	
	margin-top: 5px;
}

.well6 li{
	display: inline;
}

.well6 li a {
	 background: none repeat scroll 0 0 #666699;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px 12px;
    text-decoration: none;
}
.well6 ul {
	margin: 5px 0px 5px 0px;
}

/*style th in view info of user*/
.well2 table th{
	text-align: right;
	width: 150px;
}
/*padding top of gridview*/

.grid-view {
    padding: 2px;
}

/*font size for emultiselect*/
.ui-multiselect li {
    cursor: default;
    font-size: 11px;
}
/*file upload in form van ban cá nhân*/
.MultiFile-label{
	margin-left: 150px;
}
.well2 .row .MultiFile-label{
	margin-left: 0px;
}
